iT邦幫忙

2022 iThome 鐵人賽

DAY 26
0

今天要跟大家介紹 poster 屬性
基本上會用在<vedio>標籤中
最主要的功能是,當影片尚未播放的預覽畫面。

語法為:

<video poster="URL"> 

用一個語法來跟大家稍做說明

<video poster="某圖檔">
   <source src="影音檔案" type="video/mp4">
</video> 

假設未做設定的話,也會是該影片檔案的第一個畫面為主。
而 poster 屬性所用的值,為 url 直接放上一個網址連結,取得圖片
或是我們之前提過的檔案所在的相對路徑或是絕對路徑。

現在的瀏覽器幾乎都支援 poster 屬性,除了 IE 8 之前(但還好 IE 也掛了,網頁開發少了更多麻煩 XD )


上一篇
Day 25 autocomplete 屬性
下一篇
Day 27 decoding 屬性
系列文
一日一屬性,HTML 基礎一定行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言